<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员面板</title>
    <link rel="stylesheet" href="./css/my-style.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <div class="container">
        <h1>易千网络文化工作室人员报名系统管理面板</h1>
        <a href="/index.html">报名页面</a>
        <hr />
        <p>学号：<input type="text" id="stdid">
            <button class="blue mr-10" id="btnSearch">查询</button>
            招收人数：<input type="text" id="count" disabled>
            <button class="blue" id="btnModify">修改</button></p>
        <h2>在系统内的人员名单</h2>
        <div class="list">
            <table>
                <thead>
                    <tr>
                        <td>学号</td>
                        <td>姓名</td>
                        <td>活跃度</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody class="valid">
                    <tr>
                        <td>123</td>
                        <td>wjq</td>
                        <td>1</td>
                        <td>
                            <button>剔除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <h2>被删人员名单</h2>
        <div class="list">
            <table>
                <thead>
                    <tr>
                        <td>学号</td>
                        <td>姓名</td>
                        <td>活跃度</td>
                        <td>备注</td>
                    </tr>
                </thead>
                <tbody class="invalid">
                    <tr>
                        <td>123</td>
                        <td>wjq</td>
                        <td>1</td>
                        <td>因活跃度低被替代</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <script src="./js/admin.js"></script>
</body>
</html>